#panelElements{
    /*display: inline-block;*/
    /*width: 500px;*/
    display:inline;
}

#graphWellPanel{
    /*padding-left: 10px;*/
    /*padding-right: 10px;*/
    /*padding-top: 3px;*/
    padding-top: 0;
    padding-bottom: 0;
}

#factorWellPanel{
    /*padding-left: 10px;*/
    /*padding-right: 10px;*/
    /*padding-top: 3px;*/
    padding-top: 0;
    padding-bottom: 0;
}

#plotOptionsPanel{
    /*padding-left: 10px;*/
    /*padding-right: 10px;*/
    /*padding-top: 3px;*/
    padding-top: 0;
    padding-bottom: 0;        
}

/*#editPanel{*/
    /*height: 600px;*/
/*}*/

#graphBox{
    height: 800px;
}


#dynamic{
    width: 100%;
    float: right;
}

#edgePlot {
    line-height: 10px;
}


.selectize-input {
    padding: 2px;
    min-height: 0;
    font-size: 13px;
}
.selectize-dropdown {
    line-height: 10px;
    font-size: 13px;
}




/*#factor{*/
/*width: 100%;*/
/*float: right;*/
/*!*display:inline;*!*/
/*!*padding-left: 10px;*!*/
/*!*height: 20px;*!*/
/*!*padding-top:0px;*!*/
/*!*float: left;*!*/
/*!*position: absolute;*!*/
/*}*/

#buyuk {
    display: inline-flex;
}

#nameDiv{
    width: 85%;
    display: inline-block;
    /*overflow: hidden;*/
    /*overflow-y: visible;*/
    /*overflow-x: hidden;*/
    /*padding-right: .5em;*/
}

#nodeButton {
    /*overflow: hidden;*/
    width:15%;
    display: inline-block;
    float: right;
    text-align: center;
    padding: 5px 5px;
}


#center{
    float: left;
    margin-left: 50px;
}

#factor1{
    float: left;
    margin-right: 50px;
}

#factor2{
    float: left;
}

#showDataPoints{
    float: left;
    display: inline;
}

#cutoffSurv{
    float: left;        
}

#Chart_type{
    float: left;
    display: inline;
}

#left {
    float: left;
}

#edgePlotDiv {
    float: left;
    margin-right: 30px;
}

#plotOptionsDiv {
    display: inline;
}

#scatterPanelDiv{
    float:left;
}

#heatmapPanelDiv{
    float:left;
}

#proportions{
    float:left;
}

#boxPanelDiv{
    float:left;
}

#SurvOptions{
    float:left;
}

#logyCheckDiv{
    float:left;
    margin-right: 50px;
    font-weight: bolder;
}

#logyCheckDiv2{
    float:left;
    margin-right: 50px;
    font-weight: bolder;
}

#logxCheckDiv{
    float:left;
    margin-right: 50px;
    font-weight: bolder;
}

#pdfdiv{
    float: right;
}

div.checkbox {
    font-weight: bold; 
}

#Charttype{
    float:left;
}

#showDataPoints{
    float:left;
    font-weight: bolder;
}

#groupNumberDiv{
    float:left;
    margin-right: 50px;
}

#cutoffSliderDiv{
    float:left;
}

#layoutDiv {
    display: inline;
    float: left;
}

#edgeSelectDiv {
    display: inline;
    float: left;
}

#layoutButtonDiv {
    display: inline;
    float: inherit;
    margin-left: 0;
    margin-top: 20px;

}

#edgeClearDiv {
    display: inline;
    float: right;
    margin-left: 20px;
    margin-top: 20px;
}

#nodeClearDiv {
    display: inline;
    float: right;
    margin-left: 20px;
    margin-top: 25px;
}

#right {
    float: right;
}
#saveGraphDiv {
    float: inherit;
    margin-top: 20px;
}
#toImageDiv {
    float: inherit;
    margin-top: 20px;
}
#loadGraphDiv {
    float: inherit;
    margin-top: 20px;
}
#binarizeDiv {
    float: inherit;
    margin-top: 20px;
    margin-right: 20px;
}
#exportBtnDiv{
    display: inline;
    float: inherit;
    margin-top: 20px;
}
#printGraphDiv {
    float: inherit;
    margin-top: 20px;
}
#datasetChooseDiv {
    display: inline;
    float: left;
    margin-left: 15px;
}
#edgeLabelDiv {
    display: inline;
    float: left;
    /*width: 50px;*/
}
#modelChooseDiv {
    display: inline;
    float: left;
}
#downloadDiv {
    display: inline;
    float: left;
    margin-top: 20px;
}

#corsDialogDiv1{
    display: inline;
    float: left;
}

#corsDialogDiv2{
    display: inline;
    float: left;
    margin-left: 20px;
}

#submitButtonDiv {
    display: inline;
    float: right;
    margin-top: 15px;
    margin-left: 20px;
    /*clear: left;*/
    /*margin-right: 0px;*/
}

#combineButtonDiv {
    float: inherit;
    margin-top: 20px;    
    /*clear: left;*/
    /*margin-right: 0px;*/
}

#showCorMatrixDialogBtnDiv {
    float: inherit;
    margin-top: 20px;    
    /*clear: left;*/
    /*margin-right: 0px;*/
}

#corHeatmapDialogDiv {
    float: left;
    display: inline;
    /*clear: left;*/
    /*margin-right: 0px;*/
}

#heatmapScaleSelectDiv {
    float: left;
    display: inline;
    /*clear: left;*/
    /*margin-right: 0px;*/
}

#heatmapRangeDiv {
    float: left;
    display: inline;
    /*clear: left;*/
    /*margin-right: 0px;*/
}

#showCorsDialogBtnDiv{
    float: inherit;
    margin-top: 20px;    
}

#corsTable table td {
    line-height:50%;
    text-align: center;
}

#corsTable table th {
    text-align: center;
}

#showStatsButtonDiv {
    float: inherit;
    margin-top: 20px;    
    /*clear: left;*/
    /*margin-right: 0px;*/
}

#datasets {
  max-height: 360px;
  overflow-y: auto;
  margin-left: 0px;
}

#largePlotBox {
   max-height: 500px;
}

#plotOptionsBox{
    margin-left: 0px;
    margin-top: 20px;
}

#submit{
    background-color: green;
    color: white;
    font-size: 20px;
    font-weight: bolder;
    border: 1px solid green;
    /*display:table-cell;*/
    /*float: left;*/
}

#plotButton{
    background-color: blue;
    margin-top: 0px;
    margin-left: 0px;
    color: white;
    font-size: 15px;
    font-weight: bolder;    
    border: 1px solid lightblue;
}

#heatmapButton{
    background-color: orange;
    margin-top: 0px;
    margin-left: 0px;
    color: white;
    font-size: 15px;
    font-weight: bolder;    
    border: 1px solid lightblue;
}

label{
    font-weight: bolder;
}

.smallButton{
    background-color: deepskyblue;
    font-size: 12px;
    color: white;
    padding: 1px;
}

.bluebutton{
    background-color: lightblue;
    color: #ffc575;
}

.greyButton{
    background-color: #ffffff;
    color: #8c5100;
    font-weight: bolder;
}

.greyButton1{
    background-color: #ffffff;
    color: #8c5100;
    font-weight: bolder;
    font-size: 13px;
    padding-bottom: 2px;
    padding-top: 2px;
}

.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    position: absolute;top: 40%;left: 45%; z-index: 1;
    /*z-index: -1; position:relative;*/
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#graphButtons{
    display: inline-block;

    position: absolute;
    right: 10px;
    padding-top: 10px;
}

#welcomeItem{
    margin: auto;
    padding: 10px;
    /*background-image: url("head.jpg");*/
    /*background-color : #000000;*/
    text-align: center;
    background-position: center;
    height: 1067px;
    width: 1600px;
    display: block;
}
/*.box.box-solid.box-warning>.box-header {*/
/*color:#fff;*/
/*background:#666666*/
/*}*/
.box.box-solid.box-warning{
    border-bottom-color:black;
    border-left-color:black;
    border-right-color:black;
    border-top-color:black;
    /*margin:auto;*/
    /*position: relative;*/
    /*padding-left: 200px;*/
}

#header {
    text-align:center;
}

body{

    position: relative;   
    margin:0 auto !important;
    width: auto;    
    
    /*width: 400px;*/
    /*max-width: 600px;*/
    /*min-width: 300px;*/
}
.dataSetBtn{
    border: 1px outset black;
    background-color: lightBlue;
    height:250px;
    width:250px;
    cursor:pointer;
}
.dataSetBtn:hover{
    background-color: blue;
    color:white;
}
#zz{
    border: 1px outset black;
    /*background-color: lightBlue;*/
    height:250px;
    width:250px;
    cursor:pointer;

}

.datasetBox{
    height: 250px;
    width: 250px;
    border: 1px outset black;
    cursor:pointer;
    text-align: center;
    /*position: absolute;*/
    /*vertical-align: middle;*/
    line-height: 250px;
    font-size: 35px;
    color: black;
    background-color: orange;
    font-family: Arial, Helvetica, sans-serif;
    /*padding:5px;*/
    /*margin: 2px;*/
    display: inline-block;
    margin:5px;
}
.datasetBox:hover{
    color:white;
}

#modelSelectDivL {
    display: inline;
    float: left;
    padding-top: 23px;
}

#modelSelectDivR {
    display: inline;
    float: left;
    padding-left: 2%;
}

#modelTablePanel {
    width: 700px;
    height: 700px;

}

#modelTable{
    text-align: center;
}
